<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入Vue-->
    <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
 <!--准备一个容器-->
<div id="demo">
    <h1>{{name}}-{{gdp}}</h1>
</div>
</body>
</html>
<!--创建Vue实例-->
<script>
    new Vue({
        el:'#demo',//el指定当前Vue实例为哪个容器服务的 通常是css选择器字符串
        data:{//data用于存储数据 数据提供给el指定的容器中区使用 暂时是一个对象
            //数据key-value
            name:'云南昆明',
            gdp:50000
        }
    });
</script>
